<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">
	
    <h:head />
    <h:body>
	 	<ui:composition>
	 	<div id="content_current">
	 		<h:form>
				<p:panel id="generales" header="Generales" style="margin-bottom:20px" toggleable="true">
			        <h:panelGrid columns="2" cellpadding="10">
			            <p:outputLabel value="Nombre:" for="nombre" />
        				<p:inputText id="nombre" value=""  required="true"  requiredMessage="requerido" />
        				
        				<p:outputLabel for="nac" value="Fecha de nacimiento:" />
        				<p:calendar id="nac"  pattern="dd/MM/yyyy" mask="true" required="true"  requiredMessage="requerido"/>
        				
        				<p:outputLabel value="Edad:" for="edad" />
        				<p:inputText id="edad" value="aa-mm-dd" readonly="true" />
        				
        				<p:outputLabel for="genero" value="Sexo:" />
				        <p:selectOneRadio id="genero">
				            <f:selectItem itemLabel="Masculino" itemValue="M" />
				            <f:selectItem itemLabel="Femenino" itemValue="F" />
				        </p:selectOneRadio>
				        
				        <p:outputLabel value="Lugar de nacimiento:" for="lugar" />
        				<p:inputText id="lugar" value=""  />
			        </h:panelGrid>
			    </p:panel>
			    
			    <p:panel id="padres" header="Información de Padres" style="margin-bottom:20px" toggleable="true">
			        <h:panelGrid columns="2" cellpadding="10">
						<p:outputLabel value="Direccion:" for="direccion" />
        				<p:inputText id="direccion" value=""  required="true"  requiredMessage="requerido"/>

						<p:outputLabel for="phone" value="Teléfono:" />
        				<p:inputMask id="phone"  mask="(502) 9999-9999" required="true"  requiredMessage="requerido"/>
        				
        				<p:outputLabel value="Email:" for="email" />
        				<p:inputText id="email" value=""  />        		
        				
        				<p:outputLabel for="movil" value="Movil:" />
        				<p:inputMask id="movil"  mask="(502) 9999-9999"/>
        				
        				<p:outputLabel value="Nombre madre:" for="madre" required="true"  requiredMessage="requerido"/>
        				<p:inputText id="madre" value=""  />
        				
        				<p:outputLabel value="Nombre padre:" for="padre" required="true"  requiredMessage="requerido"/>
        				<p:inputText id="padre" value=""  />

			        </h:panelGrid>
			    </p:panel>
			    <p:panel id="expediente" header="Expediente" style="margin-bottom:20px">
			        <h:panelGrid columns="2" cellpadding="10">
			            <p:outputLabel for="pvisita" value="Fecha primer visita:" />
        				<p:calendar id="pvisita"  pattern="dd/MM/yyyy" mask="true" required="true"  requiredMessage="requerido" />
        				
        				<p:outputLabel value="Edad primer visita:" for="evisita" />
        				<p:inputText id="evisita" value="aa-mm-dd" readonly="true" />
        				
        				<p:outputLabel value="Expediente antiguo:" for="exped" />
        				<p:fileUpload id="exped"  mode="simple" disabled="true" />
			        </h:panelGrid>
			    </p:panel>
			    <p:panel id="referencias" header="Referencias" toggleable="true" toggleSpeed="500" widgetVar="panel" style="margin-bottom:20px" collapsed="true">
			         <h:panelGrid columns="2" cellpadding="10">
			         	<p:outputLabel for="referido" value="Referido por:" />
        				<p:inputText id="referido" value=""  />
        				
        				<p:outputLabel for="diagnostico" value="Diagnostico:" />
        				<p:inputTextarea id = "diagnostico" rows="5" cols="25"  />
        				
        				<p:outputLabel for="movil_ref" value="Télefono referido:" />
        				<p:inputMask id="movil_ref"  mask="(502) 9999-9999"/>
        				
        				<p:outputLabel value="Email referido:" for="email_ref" />
        				<p:inputText id="email_ref" value=""  />        
        				
			        </h:panelGrid>
			    </p:panel>
			    <p:button  value="Guardar" icon="ui-icon-disk">
				</p:button>
			</h:form>
		</div>
    	</ui:composition>
    	
    </h:body>

</html>